<template>
    <div class="app-container">

  
      <!-- 列表 -->
      <el-table
        v-loading="listLoading"
        :data="list"
        stripe
        border
        style="width: 100%;margin-top: 10px;">
        <el-table-column
          type="index"
          label="序号"
          width="50"
          align="center">
        </el-table-column>
  
        <el-table-column prop="name" label="学生" show-overflow-tooltip/>
        <el-table-column label="评星"  align="center" fixed="right">
            <template slot-scope="scope">
                <el-rate
                v-model="scope.row.star"
                disabled
                show-score
                text-color="#ff9900"
                score-template="{value}">
                </el-rate>
            </template>
        </el-table-column>
        <el-table-column prop="description" label="评价" show-overflow-tooltip/>

      </el-table>

    </div>
  </template>
  <script>
  import api from '@/api/LearnSpace/Course'

  export default {
    data() {
      return {
        listLoading: true, // 数据是否正在加载
        list: null, // banner列表
      }
    },
    // 生命周期函数：内存准备完毕，页面渲染成功
    mounted() {
      this.fetchData()
    },
  
    methods: {
  
      
      // 加载banner列表数据
      fetchData() {
  
        api.getPingLun(this.$route.query.id).then(
          response => {
            this.list = response.data
            // 数据加载并绑定成功
            this.listLoading = false
          }
        )
      },



    }
  }
  </script>